<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" href="../css/index.css">
	<title>学成在线网首页</title>
</head>

<body>
	<!-- 头部 -->
	<div class="header wrapper">
		<h1>
			<a href="">
				<img src="../images/logo.png" alt="">
			</a>
		</h1>
		<!-- 导航栏 -->
		<div class="nav">
			<ul class="nav-list">
				<li><a href="#">首页</a></li>
				<li><a href="#">课程</a></li>
				<li><a href="#">职业规划</a></li>
			</ul>
		</div>
		<!-- 搜索框 -->
		<div class="search">
			<input type="text" name="" id="" placeholder="输入关键字">
			<button></button>
		</div>
		<!-- 用户 -->
		<div class="user">
			<img src="../images/tou_03.png" alt="">
			<span>username</span>
		</div>
	</div>

	<!-- 轮播图 -->
	<div class="banner">
		<div class="wrapper">
			<div class="banner-left">
				<ul class="banner-list">
					<li>
						<a href="#">
							前端开发
							<span>></span>
						</a>
					</li>
					<li>
						<a href="#">
							后端开发
							<span>></span>
						</a>
					</li>
					<li>
						<a href="#">
							移动开发
							<span>></span>
						</a>
					</li>
					<li>
						<a href="#">
							人工智能
							<span>></span>
						</a>
					</li>
					<li>
						<a href="#">
							商业预测
							<span>></span>
						</a>
					</li>
					<li>
						<a href="#">
							云计算&大数据
							<span>></span>
						</a>
					</li>
					<li>
						<a href="#">
							运维&测试
							<span>></span>
						</a>
					</li>
					<li>
						<a href="#">
							UI设计
							<span>></span>
						</a>
					</li>
					<li>
						<a href="#">
							产品
							<span>></span>
						</a>
					</li>
				</ul>
			</div>
			<div class="banner-right">
				<h2>我的课程表</h2>
				<div class="banner-right-content">
					<dl>
						<dt><a href="#">继续学习 <span>程序语言设计</span></a></dt>
						<dd><a href="#">正在学习-使用对象</a></dd>
					</dl>
					<dl>
						<dt><a href="#">继续学习 <span>程序语言设计</span></a></dt>
						<dd><a href="#">正在学习-使用对象</a></dd>
					</dl>
					<dl>
						<dt><a href="#">继续学习 <span>程序语言设计</span></a></dt>
						<dd><a href="#">正在学习-使用对象</a></dd>
					</dl>
				</div>
				<div class="banner-right-button">
					<a href="#">全部课程</a>
				</div>
			</div>
		</div>
	</div>

	<!-- 兴趣 -->
	<div class="goods wrapper">
		<h3>精品推荐</h3>
		<ul>
			<li><a href="#">jQuery</a></li>
			<li><a href="#">Spark</a></li>
			<li><a href="#">MySQL</a></li>
			<li><a href="#">JavaWeb</a></li>
			<li><a href="#">MySQL</a></li>
			<li><a href="#">JavaWeb</a></li>
		</ul>
		<a class="xingqu" href="#">修改兴趣</a>
	</div>

	<!-- 精品推荐 -->
	<div class="box wrapper ">
		<div class="title">
			<h2>精品推荐</h2>
			<a href="#">查看全部</a>
		</div>
		<div class="content clearfix">
			<ul>
				<li>
					<a href="#">
						<img class="box-img" src="../images/icon1.png" alt="">
						<em class="hot"> 
							<img src="../images/hot.png" alt="">
						</em>
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/icon1.png" alt="">
						<em class="new">
							<img src="../images/new.png" alt="">
						</em>
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/icon1.png" alt="">
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/icon1.png" alt="">
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/icon1.png" alt="">
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img class="box-img" src="../images/icon1.png" alt="">
						<em class="hot">
							<img src="../images/hot.png" alt="">
						</em>
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/icon1.png" alt="">
						<em class="new">
							<img src="../images/new.png" alt="">
						</em>
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/icon1.png" alt="">
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/icon1.png" alt="">
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/icon1.png" alt="">
						<h3>Think PHP 5.0 博客系统实战项目演练</h3>
						<p><span>高级</span>• 1125人在学习</p>
					</a>
				</li>
			</ul>
		</div>
	</div>

	<!-- 版权区域 -->
	<div class="footer">
		<div class="wrapper">
			<div class="footer-left">
				<img src="../images/学成在线.png" alt="">
				<p>
					学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程
					<br>
					@2017年XTCG Inc.保留所有权利。渝ICP备2022002010号
				</p>
				<a href="#">下载APP</a>
			</div>
			<div class="footer-right">
				<dl>
					<dt>关于学成网</dt>
					<dd><a href="#">关于</a></dd>
					<dd><a href="#">管理团队</a></dd>
					<dd><a href="#">工作机会</a></dd>
					<dd><a href="#">客户服务</a></dd>
					<dd><a href="#">帮助</a></dd>
				</dl>
				<dl>
					<dt>新手指南</dt>
					<dd><a href="#">如何注册</a></dd>
					<dd><a href="#">如何选课</a></dd>
					<dd><a href="#">如何拿到毕业证</a></dd>
					<dd><a href="#">学分是什么</a></dd>
					<dd><a href="#">考试未通过怎么办</a></dd>
				</dl>
				<dl>
					<dt>合作伙伴</dt>
						<dd><a href="#">合作机构</a></dd>
						<dd><a href="#">合作导师</a></dd>
				</dl>
			</div>
		</div>
	</div>
</body>

</html>